<template>
  <div>
        <!-- 
          具名插槽的使用
          1、子组件中，给slot添加name属性即可
          2、使用template标签结合 v-slot:名字 分发标签或者内容

          v-slot:简写：#
         -->
    <pannel>
      <template #title>
        <h4>芙蓉楼送辛渐</h4>
      </template>
      <template v-slot:content>
        <p>寒雨连江夜入吴,</p>
        <p>平明送客楚山孤。</p>
        <p>洛阳亲友如相问，</p>
        <p>一片冰心在玉壶。</p>
      </template>
    </pannel>
    
  </div>
</template>

<script>
import pannel from "@/components/pannel.vue"
export default {
  components: { pannel }
}
</script>

<style>

</style>